<template>
    <div>
         <!-- 最上边 -->
      <div id="mytop">
         <div class='mytop-box'>
           <span><img src="https://static.zhihu.com/heifetz/assets/logo_zhihu.1cd0aa27.png" alt=""></span>
           <span class='vertical'></span>
           <span><img src="https://static.zhihu.com/heifetz/assets/logo_organization.4fe9c50c.png" alt=""></span>
         </div>
      </div>
    </div>
</template>

<script>
export default {
    name: 'mytop',
    data() {
        return {

        };
    },
    created() {
    },
    methods: {

    },
    //组件挂载
    components: {},
    //计算属性
    computed: {},
    //过滤器
    filters: {},
};
</script>

<style lang="scss" scoped>
#mytop{
    height: 60px;
   .mytop-box{
    width: 1000px;
    margin: 0 auto;
    height: 60px;
    display: flex;
    box-sizing: border-box;
    padding-top: 8px;
    justify-content: flex-start;
    span{
      display: inline-block;
      img{
        vertical-align:middle
      }
    }
    .vertical{
      width: 1px;
      height: 40px;
      background-color: #111;
      margin: 0 4px;
    }
  }
}
</style>
